<template>
    <div class="bulletin">
        <div class="title">小区公告标题
            <span>2018-08-06</span>
        </div>
        <div class="center">
            具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容
        </div>
        <div class="more">更多>></div>


        <div class="title">小区公告标题
            <span>2018-08-06</span>
        </div>
        <div class="center">
            具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容公告的具体内容
        </div>
        <div class="more">更多>></div>
    </div>
</template>


<script>
export default {
    
}
</script>


<style>
#app{
    color:#2c3e50;
    text-align: left;
}
.bulletin{
    font-size:.5rem;
}
.bulletin .title{
    font-size:.8rem;
    /* border-bottom:1px solid #D9D9D9; */
    padding:.2rem 0 0rem .3rem;
}
.bulletin .title span{
    font-size:.5rem;
    display: block;
}
.bulletin .center{
    padding:.5rem;
}
.bulletin .more{
    padding:.2rem;
    text-align:right;
    font-size:.4rem;   
    color:#12a7eb;
    border-bottom:.5rem solid #D9D9D9;
}
</style>
